@import "depository/scss/reset.scss";
@import "parts/scss/base.scss";
@import "parts/scss/components.scss";


#app {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .container {
    width: 100%;
    height: 100%;
  }
  .page {
    background-color: #fff;
  }
  
  
  
  #app{ 
    .sidebar {
        transition: width .6s;
        // .el-menu, .menuItemWarp {
        //         transition: width .4s;
        // }
    }
    .content {
                transition: margin .6s;
            }
.pageCollapse .el-menu--collapse > .menuItemWarp > .el-submenu >.el-submenu__title>span {
    display: none;
  }
//   .content {
//     transition: margin .4s .4s;
// }
  .pageCollapse.container {
    .sidebar {
      width: 65px;
    }
    .content {
      margin-left: 65px;
    }
  }
}
// #app {
//     .pageCollapse {
//         .sidebar {
//             width: 68px;
//         }
//         .menuItemWarp {

//         }
//     }
//     .el-menu, .menuItemWarp {
//         overflow: hidden;
//         transition: width .3s;
//     }
// }


#app  {
  .app-wrapper {
    .sidebar-container, .sidebar-logo-container {
      background-color: #545c64;
    }
  }
}